<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="css/reset.css" rel="stylesheet">
    <link href="css/page1.css" rel="stylesheet">
    <title>U校园首页</title>
</head>
<body>
<!-- 总容器 -->
<div class="wrapper">
    <!-- 头部 -->
    <header>
       <div>

       </div>
       <div class="header-text">
           <p>
           学习中心
           </p>
       </div>
       <div class="header-right">
         <div class="header-right-1">
               <img src="img/客服.png">
               <p>客服</p>
         </div>
         <div class="header-right-2">
               <img src="img/sweep-yard.png">
               <p>扫一扫</p>
         </div>
       </div>
   </header>
    <!-- 导航条 -->
    <ul class="navigation">
        <li onclick="location.href='page5.html'">
            <img src="img/课堂互动.png">
            <p>
                课堂互动
            </p>
        </li>
        <li onclick="location.href='page6.html'">
            <img src="img/作业测试.png">
            <p>
                作业测试
            </p>
        </li>
        <li  onclick="location.href='page7.html'">
            <img src="img/学习报告.jpg">
            <p>
                学习服务
            </p>
        </li >
        <li onclick="location.href='page8.html'">
            <img src="img/单词本.jpg">
            <p>
                单词本
            </p>
        </li>
    </ul>
    <!-- 内容 -->
    <ul class="menu">
        <li>
            <img src="img/img1.jpg">
            <h3>【2024春季沈承英老师读写P24班】【(2024春季学期）新标准大学英语读写4】新六级···</h3>
            <p>&nbsp;&nbsp;2024.03.12-2024.09.12</p>
        </li>
        <li>
            <img src="img/img2.jpg">
            <h3>【2024春季沈承英老师读写P24班】【(2024春季学期）新标准大学英语读写4】新六级···</h3>
            <p>&nbsp;&nbsp;2024.03.12-2024.09.12</p>
        </li>
        <li>
            <img src="img/img3.jpg">
            <h3>【2024春季沈承英老师读写P24班】【(2024春季学期）新标准大学英语读写4】新六级···</h3>
            <p>&nbsp;&nbsp;2024.03.12-2024.09.12</p>
        </li>
        <li>
            <img src="img/img4.jpg">
        </li>
    </ul>
    <!-- 底部 -->
    <ul class="footer">
        <li onclick="location.href='page1.html'">
            <img src="img/书籍%20(1).png">
            <p style="color: #4DB1E2">U校园</p>
        </li>
        <li onclick="location.href='page2.html'">
            <img src="img/书籍-打开_book-open%20(1)%201.png">
            <p>随身学</p>
        </li>
        <li onclick="location.href='page3.html'">
            <img src="img/发现%20(4).png">
            <p>发现</p>
        </li>
        <li onclick="location.href='page4.html'">
            <img src="img/我的1.jpg">
            <p>我的</p>
        </li>
    </ul>
</div>
</body>
</html>